<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			
		</style>
	</head>
	<body>
		<button onclick="test1()">加载百度页面</button><br />
		<button onclick="test2()">弹出输入框</button><br />
		<button onclick="test3()">弹出确认框</button><br />
		<button onclick="test4()">关闭浏览器</button><br />
		<button onclick="test5()">后退</button><br />
		<button onclick="test6()">去博客</button><br />
		<button onclick="test7()">location其他方法</button><br />
		<button onclick="test8()">刷新</button><br />
		<button onclick="test9()">替换</button><br />
		<button onclick="test10()">返回当前文档的url</button><c>
		<a href="choujiang.html">去抽奖</a><br />
		用户名:<input type="text" name="name" id="uname" class="a2"/><br />
		密码：<input type="text" name="name" class="name"/><br />
		电话：<input type="text" name="name" /><br />
		地址：<input type="text" name="address"/><br />
		<button onclick="test11()">用户名是：王彦博</button><br />
		<button onclick="test12()">所有name的值是name的文本是：111</button><br />
		<button onclick="test13()">所有input的文本都是：123</button><br />
		<button onclick="test14()">时间</button><br />
		<button onclick="test15()">随机</button><br />
		<button onclick="test16()">计时器</button><br />
		<button onclick="test17()">闹钟</button><br />
		<h1 id="h1">青鸟四班</h1><br />
		<span id="span1" style="color: red;"></span><br />
		<button onclick="test18()">更改青鸟四班</button><br />
		<button onclick="test19()">时钟</button><br />
		<button onclick="test20()">数学函数</button><br />
		<h2 id="h2" style="color: red;">2021年6月10日 10:59:14</h2>
		<button onclick="test21()">随机更改时间的颜色</button><br />
		<button onclick="test22()">定时函数</button><br />
		<script type="text/javascript">
			function test22(){
				setTimeout("alert('我只弹出一次')",5000);
				setInterval("alert('我要弹出无数次')",5000);
			}
			function test21(){
				var colors=["red","blue","orangs","yellow","pink","purple","green"];
				var a= Math.floor(Math.random()*colors.length)-1;
				var s= document.getElementById("h2");
				s.style.color=colors[a];
			}
			function test20(){
				alert(Math.ceil(2.3));
				alert(Math.floor(2.3));
				alert(Math.round(2.3));
				alert(Math.ceil(Math.random()*10)+1);
			}
			//全局变量：对象
			var today=new Date();
			function test19(){
				setInterval("test14()",1000);
			}
			function test18(){
				var h1= document.getElementById("h1");
				h1.innerHTML="qn4class";
			}
			function test17(){
				setTimeout("alert('弹框')",5000);
			}
			function test16(){
				setInterval("test15()",5000);
			}
			function test15(){
				var a=new Array(12,1,21,1212,321);
				var num=Math.ceil(Math.random()*a.length)-1;
				document.write(a[num]);
			}
			function test14(){
				var today=new Date();
				var nian=today.getFullYear();		//年
				var yue=today.getMonth()+1;			//月
				var ri=today.getDay();				//日
				var hh=today.getHours();			//小时
				if(hh>=12){
					hh-=12;
				}
				var mm=today.getMinutes();			//分钟
				var ss=today.getSeconds();			//秒数
				var ms=today.getSeconds();			//毫秒
				var s= document.getElementById("span1");
				s.innerHTML="现在是："+hh+":"+mm+":"+ss;
			}
			//修改全部
			function test13(){
				var a= document.getElementsByTagName("input");
				for(var i in a){
					a[i].value="123";
				}
			}
			//修改部分
			function test12(){
				var names= document.getElementsByName("name");
				for(var i in names){
					names[i].value="111";
				}
			}
			//修改单个
			function test11(){
				document.getElementById("uname").value="王彦博";
			}
			function test10(){
				var url=document.URL;
				alert(url);
			}
			function test9(){
				window.location.replace("chop2.html");
			}
			function test8(){
				window.location.reload();
			}
			function test7(){
				//127.0.0.1：8080 主机名：127.0.0.1端口号：8080
				var host=window.location.host;
				alert(host);
				var hostname=window.location.hostname;
				alert(hostname);
			}
			function test6(){
				window.location.href="chop2.html";
				//window.location.hostname="chop2.html";
			}
			function test5(){
				//window.history.back();
				window.history.go(-1);
			}
			function test4(){
			 	window.close();
			}
			function test3(){
				var a= window.confirm("是否跳转");
				if(a){
					window.open("chop2.html","标题","higth=1200,width=500");
				}
			}
			function test2(){
				window.prompt("请输入数字","1");
			}
			//加载页面
			function test1(){
				window.location="http://www.baidu.com";
			}
		</script>
	</body>
</html>
